<template>
<header class="header">
	<div class="head">
		<el-menu :default-active="activeIndex" class="el-menu-demo" mode="horizontal">
			<el-menu-item index="1">控制台</el-menu-item>
			<el-submenu index="2">
				<template slot="title">gfox</template>
				<el-menu-item index="2-2">个人中心</el-menu-item>
				<el-menu-item index="2-3">退出</el-menu-item>
			</el-submenu>
			<el-menu-item index="3" disabled>消息中心</el-menu-item>
			<el-menu-item index="4"><a class="link" href="https://www.ele.me" target="_blank">饿了么</a></el-menu-item>
		</el-menu>
	</div>
</header>
</template>

<script>
import Util from '@/libs/util'

export default {
	data() {
		return {
			activeIndex: '1'
		}
	},
	mounted: function() {
		// console.log(this.$route);
	},
}
</script>
<style scoped lang="scss">
.head {
    .el-menu-demo {
        .link {
            display: block;
        }
    }
}
</style>
